//html,
//body,
//#app {
//    height: 100%;
//    font-size: 14px;
//    font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Hiragino Sans GB W3', 'Microsoft YaHei UI', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
//}
//button {
//    outline: none;
//}
///*滚动条*/
//::-webkit-scrollbar {
//    width: 5px;
//    height: 5px;
//}
//::-webkit-scrollbar-thumb {
//    border-radius: 10px;
//    background-color: rgba(144, 147, 153, 0.3);
//}
//::-webkit-scrollbar-track {
//    border-radius: 10px;
//    background-color: transparent;
//}
///* 隐藏滚动条 */
//.scrollbar-hide::-webkit-scrollbar {
//    width: 0;
//    height: 0;
//}
//.scrollbar-hide {
//    -ms-overflow-style: none;
//    overflow: -moz-scrollbars-none;
//}
//
///****************************************公共动画****************************************/
///*****************************************
//*Description：公共动画
//*Author：pyc
//*Date：2019.10.18
//*****************************************/
//@keyframes shake {
//    0% {
//        transform: rotate(10deg);
//    }
//    20% {
//        transform: rotate(-10deg);
//    }
//    40% {
//        transform: rotate(10deg);
//    }
//    60% {
//        transform: rotate(-10deg);
//    }
//    80% {
//        transform: rotate(10deg);
//    }
//    100% {
//        transform: rotate(0deg);
//    }
//}
//
//@-moz-keyframes shake /* Firefox */ {
//    0% {
//        transform: rotate(10deg);
//    }
//    20% {
//        transform: rotate(-10deg);
//    }
//    40% {
//        transform: rotate(10deg);
//    }
//    60% {
//        transform: rotate(-10deg);
//    }
//    80% {
//        transform: rotate(5deg);
//    }
//    100% {
//        transform: rotate(0deg);
//    }
//}
//
//@-webkit-keyframes shake /* Safari 和 Chrome */ {
//    0% {
//        transform: rotate(10deg);
//    }
//    20% {
//        transform: rotate(-10deg);
//    }
//    40% {
//        transform: rotate(10deg);
//    }
//    60% {
//        transform: rotate(-10deg);
//    }
//    80% {
//        transform: rotate(5deg);
//    }
//    100% {
//        transform: rotate(0deg);
//    }
//}
//
//@-o-keyframes shake /* Opera */ {
//    0% {
//        transform: rotate(10deg);
//    }
//    20% {
//        transform: rotate(-10deg);
//    }
//    40% {
//        transform: rotate(10deg);
//    }
//    60% {
//        transform: rotate(-10deg);
//    }
//    80% {
//        transform: rotate(5deg);
//    }
//    100% {
//        transform: rotate(0deg);
//    }
//}
///****************************************公共模块****************************************/
//.cm-filter-panel {
//    padding: 15px 15px 15px 20px;
//    background: #fff;
//    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
//    border: 1px solid #e4e7ed;
//    .date-pick {
//        display: flex;
//        justify-content: space-between;
//    }
//    .date-lf {
//        display: flex;
//    }
//}
//.cm-content-box {
//    margin: 15px;
//    padding: 20px;
//    border: 1px solid #ebeff2;
//    background: #fff;
//}
//.cf-all100 {
//    width: 100%;
//    height: 100%;
//}
//.cu-scroller {
//    overflow-y: auto;
//}
//
//.cm-emergency-news-item {
//    display: block;
//    color: #3e3e3e;
//    border: 1px #eff2f4 solid;
//    background: #fff;
//    cursor: pointer;
//    transition: all 0.3s;
//    .title {
//        height: 47px;
//        padding: 10px 20px;
//        line-height: 26px;
//        border-bottom: 1px #eff2f4 solid;
//        font-size: 16px;
//        color: #2a2a2a;
//    }
//    .content {
//        padding: 10px 20px;
//        line-height: 30px;
//        color: #666;
//        .site {
//            color: @main_color;
//            margin-left: 15px;
//        }
//        .type {
//            margin-left: 15px;
//            margin-right: 0;
//            font-size: 20px;
//            vertical-align: text-bottom;
//        }
//        p {
//            overflow: hidden;
//            text-overflow: ellipsis;
//            white-space: nowrap;
//        }
//        .add {
//            font-size: 20px;
//            color: #666;
//        }
//    }
//    &:hover {
//        .title {
//            color: @main_color;
//        }
//        //box-shadow: 0 0 10px #b6b6b6;
//        //transform: scale(1.02);
//    }
//
//    &:focus {
//        border: 1px #eff2f4 solid;
//    }
//}
//
//.cm-eltable-type1 {
//    .cell {
//        line-height: 31px;
//        font-size: 14px;
//        color: #2a2a2a;
//        overflow: hidden;
//        text-overflow: ellipsis;
//        white-space: nowrap;
//    }
//    th > .cell {
//        font-size: 15px;
//    }
//    th.is-sortable > .cell {
//        padding-left: 24px;
//    }
//    .caret-wrapper {
//        height: 30px;
//    }
//    .sort-caret.ascending {
//        top: 3px;
//    }
//    .sort-caret.descending {
//        bottom: 4px;
//    }
//    .index .cell div {
//        display: inline-block;
//        width: 20px;
//        height: 20px;
//        line-height: 20px;
//        font-size: 12px;
//        text-align: center;
//        color: #76777b;
//        background: #d2d6dd;
//    }
//    .el-table__row:nth-child(1) .index .cell div {
//        background: #fa5d84;
//        color: #fff;
//    }
//    .el-table__row:nth-child(2) .index .cell div {
//        background: #ff8048;
//        color: #fff;
//    }
//    .el-table__row:nth-child(3) .index .cell div {
//        background: #ffbc66;
//        color: #fff;
//    }
//    .el-table__header th {
//        background: #f4f6f7;
//        border-top: #f5f5f5 solid;
//    }
//    .el-table__body-wrapper {
//        .el-table__expand-column .cell {
//            overflow: unset;
//            text-align: right;
//        }
//        .el-table__expand-column .cell:before {
//            display: inline-block;
//            content: '详情';
//            color: @main_color;
//        }
//        .el-table__expand-icon {
//            display: inline-block;
//            top: 5px;
//            left: -30px;
//            width: 60px;
//            .el-icon {
//                margin-left: 5px;
//                transition: all.3s;
//            }
//        }
//        .el-table__expand-icon--expanded {
//            transform: unset;
//        }
//        .el-table__expand-icon--expanded {
//            .el-icon {
//                -webkit-transform: rotate(90deg);
//                transform: rotate(90deg);
//            }
//        }
//    }
//    .el-table__expanded-cell[class*='cell'] {
//        padding: 0;
//        table {
//            width: 100%;
//            table-layout: fixed;
//        }
//        th,
//        td {
//            width: 160px;
//            line-height: 21px;
//            text-align: center;
//            overflow: hidden;
//            text-overflow: ellipsis;
//            white-space: nowrap;
//            border-bottom: 0;
//        }
//        th {
//            font-size: 12px;
//            color: #999;
//            background: #ededed;
//        }
//        td {
//            line-height: 21px;
//            font-size: 14px;
//            color: #2a2a2a;
//        }
//        tr {
//            background: #f8f8f8;
//        }
//        .time {
//            width: 210px;
//        }
//        .tit {
//            width: unset;
//            padding-left: 23px;
//            text-align: left;
//        }
//    }
//}
///*淡入淡出*/
//.fade-transform-leave-active,
//.fade-transform-enter-active {
//    transition: all 0.28s !important;
//}
//.fade-transform-enter {
//    opacity: 0;
//    transform: translateX(-30px);
//}
//.fade-transform-leave-to {
//    opacity: 0;
//    transform: translateX(30px);
//}
///****************************************公共元件****************************************/
//// 按钮
//.cu-btn {
//    width: 100px;
//    height: 40px;
//    margin: 0 15px;
//    font-size: 16px;
//    color: #fff;
//    cursor: pointer;
//    transition: 0.3s;
//    &.gray {
//        background-color: #c3c5cd;
//        &:hover {
//            background-color: #999;
//        }
//    }
//    &.red {
//        background-color: #cc4446;
//        &:hover {
//            background: #e04b4d;
//        }
//    }
//}
